<template>
  <div id="myBox">{{ count }}</div>
</template>

<script setup>
import { onMounted, ref } from 'vue'
onMounted(()=>{
  console.log('挂载后触发第一次');
  console.log('onMounted', document.querySelector('#myBox'));
})

const count = ref(0)

console.log('setup', document.querySelector('#myBox'));

// 现在的生命周期钩子函数, 都可以接受一个函数参数
// 这个参数, 只是声明, 不会再这里立即执行, 会等到响应的时间, 自动触发
onMounted(()=>{
  console.log('挂载后触发第二次');
  console.log('onMounted', document.querySelector('#myBox'));
})

</script>